Ext.define('Html5App.view.order.OrderInfo', {
	alternateClassName : 'orderInfo',
	extend : 'Ext.Container',
	xtype : 'orderInfo',
	id : 'orderInfo',
	requires : [],
	config : {
		height : '100%',
		items : [{
			html : '訂單詳情',
			cls : 'order-list-label'
		},{
			xtype : 'container',
			cls : 'order-info-container',
			scrollable : 'vertical',
			height : '100%',
			items : [{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '訂單號：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					html : '',
					id : 'OrderNo',
					cls : 'customer-new-order-product-info-right'
				},{
					flex : 0.2
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '客戶編號：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					html : '',
					id : 'CustomerCode',
					cls : 'customer-new-order-product-info-right'
				},{
					flex : 0.2
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '客戶名稱：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					html : '',
					id : 'CustomerName',
					cls : 'customer-new-order-product-info-right'
				},{
					flex : 0.2
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '訂貨日期：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					html : '',
					id : 'OrderDateStr',
					cls : 'customer-new-order-product-info-right'
				},{
					flex : 0.2
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '送貨日期：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					html : '',
					id : 'DeliveryDateStr',
					cls : 'customer-new-order-product-info-right'
				},{
					flex : 0.2
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '付款方式：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					html : '',
					id : 'PaymentStr',
					cls : 'customer-new-order-product-info-right'
				},{
					flex : 0.2
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '送貨地址：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					html : '',
					id : 'Address',
					cls : 'customer-new-order-product-info-right'
				},{
					flex : 0.2
				}]
			},{
				xtype : 'container',
				layout : {
					type : 'hbox'
				},
				items : [{
					flex : 1.3,
					html : '項數：',
					cls : 'customer-new-order-product-info-left'
				},{
					flex : 3.5,
					type : 'container',
					layout : {
						type : 'hbox'
					},
					items : [{
						flex : 1,
						html : '',
						id : 'DetailCount',
						cls : 'customer-new-order-product-info-right'
					},{
						flex : 1,
						html : '總額：',
						cls : 'customer-new-order-product-info-left'
					},{
						flex : 1.5,
						html : '',
						id : 'TotalAmount',
						cls : 'customer-new-order-product-info-right'
					}]
				},{
					flex : 0.2
				}]
			},{
				html : '<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background-color:#F5F5F5;border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;font-size:0.7rem;color:#4C4C4C;">'+
						  '<tr style="height:1.6rem;text-align:center;font-weight:bold;">'+
						    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:10%;">序號</td>'+
						    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:16%;">貨品編號</td>'+
						    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:30%;">貨品名稱</td>'+
						    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:10%;">單位</td>'+
						    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:9%;">數量</td>'+
						    '<td style="border-bottom:1px solid #CFCFCF;border-right:1px solid #CFCFCF;width:10%;">單價</td>'+
						    '<td style="border-bottom:1px solid #CFCFCF;width:15%;">項計</td>'+
						  '</tr>'+
						'</table>'
			},{
				id : 'order-detail-data',
				html :  ''
			},{
				xtype : 'container',
				cls : 'customer-new-order-product-info-bottom'
			},{
				xtype : 'container',
				hidden : config.confirm_order_list == true ? true : false,
				layout : {
					type : 'hbox'
				},
				docked : 'bottom',
				cls : 'order-list-item order-list-item-docked',
				items : [{
					flex : 0.4
				},{
					flex : 1.8,
					xtype : 'button',
					cls : 'order-list-add-order-button',
					action : 'customerAddOrder',
					id : 'addOrder',
					html : '同客增貨'
				},{
					flex : 0.3
				},{
					flex : 1.2,
					xtype : 'button',
					cls : 'order-list-modify-order-button',
					action : 'customerUpdateOrder',
					html : '修改'
				},{
					flex : 0.3
				},{
					flex : 1.2,
					xtype : 'button',
					cls : 'order-list-delete-order-button',
					action : 'customerDeleteOrder',
					html : '刪除'
				},{
					flex : 0.4
				}]
			}]
		}]
	}
});